// pages/recommend/recommend.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        tabs:[
            {
                id:0,
                value:"全部",
                isActive:true
            },
            {
                id:1,
                value:"图片",
                isActive:false
            }
        ],
        appraises:[
            {
                name:"张三",
                time:"刚刚",
                head_img:"https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                text:"非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢",
                imgs:[
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1"
                ]
            },
            {
                name:"李四",
                time:"刚刚",
                head_img:"https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                text:"非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢",
                imgs:[
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1"
                ]
            },
            {
                name:"王五",
                time:"刚刚",
                head_img:"https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                text:"非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢非常喜欢",
                imgs:[
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1",
                    "https://tse1-mm.cn.bing.net/th/id/OIP-C.fR9s9Ys1hzRMIURSfhgBAwAAAA?pid=ImgDet&rs=1"
                ]
            },
        ]
    },

    //监听子组件触发的回调函数
    handleTabsItemChange (e) {
        // 获取被点击的标题索引
        const {index} = e.detail
        // 修改原数组 isActive 变为 true
        let {tabs} = this.data
        tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false)
        // 赋值
        this.setData({tabs})
    },
    // 点击轮播图放大预览
    handlePreviewImage (options) {
        const {index} = options.currentTarget.dataset;
        //先构造要预览的图片数组
        const urls = this.Goods.pics.map((v) => v.pics_big);
        wx.previewImage({
          urls,
          current:urls[index]
        });
    },
})